* {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	list-style: none;
}

body {
	width: 100vw;
	height: 100vh;
}

img {
	background-size: 100%;
}

@media(max-width:768px) {
	/****分享****/
	.head_top img {
		width: 100%;
	}
	.bg {
		width: 100%;
		height: 100%;
		background: url('../images/fx.png') no-repeat center center;
	}
	.fx_tbox {
		width: 80%;
		height: 37%;
		margin: 0 auto;
	}
	.fx_left {
		float: left;
		margin: 5px 0 0 20px;
	}
	.fx_xs1 {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background: #4ABB5F;
		box-shadow: 0 0 15px #4E4E4E;
	}
	.fx_xs {
		width: 110px;
		height: 110px;
		border-radius: 50%;
		background: #000;
		position: relative;
		top: 5px;
		left: 5px;
		float: left;
	}
	.fx_tx {
		width: 110px;
		border-radius: 50%;
		float: left;
	}
	.wf_yhm {
		color: #FCFF00;
		font-size: 1.9rem;
		line-height: 100px;
		margin-left: 20px;
	}
	.fx_yf {
		width: 100%;
		display: inline-block;
		position: relative;
		top: -7px;
		left: 49px;
	}
	.fx_yf img {
		width: 65px;
	}
	.fx_wftu {
		width: 100%;
		display: inline-block;
		text-align: right;
		position: relative;
		right: 85px;
		top: -15px;
	}
	.fx_wftu img {
		width: 65px;
	}
	.fx_center {
		font-size: 9rem;
		color: white;
		font-weight: bold;
		margin-left: 27%;
		margin-top: -15%;
	}
	.fx_wf {
		position: relative;
		top: -25px;
		left: -230px;
		float: right;
	}
	.fx_right {
		float: right;
		margin: -85px -25px 0 6px;
	}
	.fx_xs2 {
		width: 180px;
		height: 180px;
		border-radius: 50%;
		background: #4ABB5F;
		box-shadow: 0 0 15px #4E4E4E;
	}
	.fx_xs3 {
		width: 170px;
		height: 170px;
		border-radius: 50%;
		background: #000;
		position: relative;
		top: 5px;
		left: 5px;
		float: left;
	}
	.fx_tx3 {
		width: 170px;
		border-radius: 50%;
		float: left;
	}
	.fx_bottom {
		width: 80%;
		height: 40%;
		margin: 20px auto;
		border-top: 2px dashed white;
		color: white;
	}
	.fx_ck {
		width: 85%;
		height: 100%;
		margin: 0 auto;
	}
	.fx_bf1 {
		font-size: 2rem;
		text-align: center;
		font-weight: bold;
		line-height: 65px;
	}
	.color {
		color: #FCFF00;
	}
	.size {
		font-weight: normal;
		font-size: 1.8rem;
		line-height: 40px;
	}
	.fon_1 {
		font-size: 3rem;
		font-weight: bold;
	}
	.fx_cbox {
		width: 91%;
		height: 30%;
		background: rgba(255, 255, 255, 0.1);
		margin: 10px auto;
		border-radius: 10px;
		font-size: 2rem;
		text-align: center;
		line-height: 60px;
	}
	.blue {
		color: #13CEB6;
	}
}

@media(max-width:480px) {
	/***分享****/
	body {
		width: 100vw;
		height: 100vh;
	}
	.bg {
		background: url('../images/fx.png') no-repeat center center;
	}
	.fx_xs1 {
		width: 60px;
		height: 60px;
	}
	.fx_xs {
		width: 55px;
		height: 55px;
		position: relative;
		top: 3px;
		left: 3px;
	}
	.fx_tx {
		width: 55px;
	}
	.fx_yf img {
		width: 33px;
	}
	.wf_yhm {
		font-size: 0.9rem;
		line-height: 50px;
	}
	.fx_yf {
		position: relative;
		top: -7px;
		left: 33px;
	}
	.fx_center {
		font-size: 4.5rem;
	}
	.fx_xs2 {
		width: 90px;
		height: 90px;
	}
	.fx_xs3 {
		width: 85px;
		height: 85px;
		position: relative;
		top: 2.5px;
		left: 2.5px;
	}
	.fx_tx3 {
		width: 85px;
	}
	.fx_right {
		margin: -60px -25px 0 6px;
	}
	.fx_wftu img {
		width: 33px;
	}
	.fx_wftu {
		position: relative;
		right: 38px;
		top: -30px;
	}
	.fx_wf {
		left: -115px;
	}
	.fx_tbox {
		width: 85%;
		height: 30%;
	}
	.fx_bf1 {
		font-size: 1rem;
		line-height: 33px;
	}
	.fx_cbox {
		font-size: 1rem;
		line-height: 30px;
	}
	.fon_1 {
		font-size: 1.5rem;
	}
	.fx_tbox {
		margin: 15px auto;
	}
	img {
		width: 50%;
	}
}

@media(max-width:375px) {
	body {
		width: 100vw;
		height: 100vh;
	}
	.bg {
		background: url('../images/fx.png') no-repeat center center;
		background-size: 100% 100%;
		height: 100%;
	}
}